﻿@model List<SIIV.Data.Campo>
           
@{WebGrid grid = new WebGrid(Model, ajaxUpdateContainerId: "grid", rowsPerPage: 4, ajaxUpdateCallback: "ocultarEliminacion" );}

<style type="text/css">
    .acciones{
        width: 80px;
        }
</style>

@if (Model.Count.Equals(0))
{
    <p>Hasta el momento no dispone de campos para administrar.</p>
}
else
{
    @grid.GetHtml(
        columns: new[]{ 
            grid.Column("Nombre"),         
            grid.Column("Descripcion"),
            grid.Column("Productor.Nombre", "Productor"),
            grid.Column("Region", "Region"),
            grid.Column("Ubicacion", "Ubicacion"),
            grid.Column(null, "Acciones", format: 
                    @<ul id="icons" class="ui-widget ui-helper-clearfix">
                        <li onclick="@string.Format("editarCampo({0},'{1}','{2}','{3}','{4}','{5}')", @item.IdCampo, @item.Nombre, @item.Descripcion, @item.IdProductor, @item.Region, @item.Ubicacion)" class="ui-state-default ui-corner-all" title="Editar"><span class="ui-icon ui-icon-document"></span></li>
                        <li onclick="@string.Format("eliminarCampo({0})", @item.IdCampo)" animales=@item.Animales.Count class="ui-state-default ui-corner-all" title="Eliminar"><span class="ui-icon ui-icon-trash"></span></li>
                    </ul>, style: "acciones")},
            htmlAttributes: new { @class = "art-article", @style = "width:100%", @id = "grid" })
}
<ul id="icons" style="float:right" class="ui-widget ui-helper-clearfix">
    <li onclick="agregarCampo()" class="ui-state-default ui-corner-all" style="margin: 2px 0px 0px 0px" title="Nuevo"><span class="ui-icon ui-icon-plus"></span><div style="padding-right:2px; width:160px; font-size:12px;">Agregar Campo</div></li>
</ul>
<script type="text/javascript">
    function ocultarEliminacion() {
        $("li").each(function () {
            if ($(this).attr("animales") > 0) {
                $(this).css("visibility", "hidden");
            }
        });
    }

    ocultarEliminacion();
</script>